CARA MEMBUAT FANPAGE FACEBOOK AUTO HIDE

Ada beberapa cara membuat fanpage facebook, salah satunya auto hide. Jadi kita ga usah ngeklik, kita tinggal, geser kursor ke tulisan FACEBOOK. Demonya disamping nihh... >>>> Coba deh kamu geser kursor kamu ke tulisan Facebook, nanti langsung ke buka... Mau tau cara nya ? Ikuti tutorial berikut ini...

1. Login ke blog kamu

2. Klik TEMPLATE

3. Klik EDIT HTML

4. Klik LANJUTKAN

5. CheckList kotak kecil EXPAND TEMPLATE WIDGET

6. Cari kode </head>

7. Agar mudah mencarinya, klik F3.

8. Kalau udah ketemu, copas kode dibawah,

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

9. Taruh kode diatas tepat diatas kode </head>.

10. Simpan Template, sekarang kita ke TATA LETAK

11. Klik TAMBAH GADGET

12. Klik HTML/JAVASCRIPT

13. Pada kolom konten, copy kode dibawah ini.

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/idebagus/149904085104258&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://christiantatelu.blogspot.com/2012/01/cara-membuat-fan-page-facebook-auto.html">Tutorial Here</a></span></div></div>

14. Ganti kode yang berwarna tebal dengan URL Halaman Facebook kamu,

15. SIMPAN, lihat blog kamu sekarang.

CARA MEMBUAT WIDGET JUMLAH PENGUNJUNG DIBLOG

1. Kunjungi situs http://www.wowcounters.net/

2. Lalu klik   **Click here to sign up for your free counter**

3. Lalu isi form-nya,

Valid Email : Email kamu (pakai email login blogger)

Start at : Biarin 0

Style : klik "See Other Styles", nah nanti pilih style-nya (banyak kok style-nya)

4. Kalau udah klik "Sign Up"

5. Nanti setelah diklik akan ada tampilan kode HTML, Copy seluruh kode yang ada, nah taruh di side bar blog kamu..

6. Klik TATA LETAK

7. Klik ADD GADGET

8. Klik HTML/JAVASCRIPT

9. Dikolom konten, paste kode yang tadi kamu copy di wowcounter tadi

10. SAVE, lihat blog kamu sekarang


#Tinggalkan pendapat saran, kritik dalam kolom komentar

CARA MEMBUAT SHOW HIDE DIBLOG

Demo nya kayak gini lhoo...

Klik disini

Kayak gini nih..!! Ngerti kan...

Bisa dibilang ini widget.. Udahlah gak penting...!! Gak usah omong kosong lagi, langsung ke tutorial nya.... CapCus...

DIPOSTINGAN

1. Login ke blog kamu

2. Langsung buat postingan

3. Nah, kalo mau ikutin tutorial begini, ubah menu COMPOSE menjadi HTML..

4. Kalo mau nampilin widget show/hide, copy kode dibawah ini








 <div><div style="margin-bottom: 2px;"><i><b><small>Klik disini</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px;font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'show'; }" type="button" /></div><div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

Ganti dengan kode HTML widget sobat, tulisan, ataupun sekedar foto

</div></div></div>





Ket : ganti kode yang berwarna merah dengan kata-kata sobat sendiri dan bisa juga menyisipkan gambar...

5. Ubah menjadi COMPOSE lagi jika kamu mau menulis postingannya lagi... Kalo udah, PUBLIKASIKAN .....


DI SIDEBAR BLOG

1. Login ke blog kamu

2. Klik TATA LETAK

3. Klik TAMBAH GADGET

4. Cari dan klik HTML/JAVASCRIPT

5. Pada kolom konten, Paste kode yang tadi aku kasih diatas ^_^

6. Save, lihat blog kamu

CARA MEMASANG WIDGET KAMERA PENGINTAI

Kamu tau kamera pengintai kan ?? Itu loh yang biasa orang gaholl ngomong-nya CCTV ?? Fungsinya kita bisa merekam apa yang dilihat kamera tersebut. Biasanya KameraCCTV berada di gedung-gedung, rumah, dll. Bagaimana kalau diblog ?? Bisa tidak ?? Jawabannyaa.. BISA. Tapi, fungsinya bukan untuk merekam kejadian,tai hanya untuk mempercantik tampilan blog.
Bagaimana cara nya ??? Ikuti tutorial berikut ini... >>>

1. Login ke blog kamu

2.Klik TATA LETAK

3. Lalu klik TAMBAH GADGET / ADD GADGET

4. Klik menu HTML/JAVASCRIPT

5. Pada kolom konten, CopyPaste kode dibawah ini


KAMERA PENGINTAI 1

<script language="JavaScript" src="http://sundaboy.googlecode.com/files/kamera_pengintai.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXbsm61PCbqSPR9lvr1mVkc_k4sjaXmvx6QVqhUMxhg9DioZxQzVT28WfSD37QcP0_hJNx2e8REKaeZZk87ZeY5cahaTuxohufdTw8N8CQl8q58FZi4LfLyuaeudVv_JZUSHjTFjE9T-c/s1600/kamera-1.gif") </script>



KAMERA PENGINTAI 2

<script language="JavaScript" src="http://sundaboy.googlecode.com/files/kamera_pengintai.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-1MYiOrug7tsQpXX-9dtPFvgTxddTK2nq4mETnEcbEoKKbEp_aEiAfa2cdCF7h5zUSNtvb2n3GMDt3_I5TrEJGZOw8EvPOfnyU4l7AF1vaaqWj5cAZ9oKUqOUd6E1kbuRByB53fyesTY/s1600/kamera-2.gif") </script>



6. SAVE, dan blog kamu sekarang..




DAPET INFO DARI : www.sundaboy.com

CARA MEMUBUAT WIDGET STATISTIK DIBLOG

Statistik blog diblog berfungsi agar kita bisa melihat seberapa banyak orang yang mengujungi blog kamu..>>>>>>>> CARANYA...>>>>> Lihat dibawah.

1. Login ke blog kamu

2. Klik TATA LETAK

3. Klik TAMBAH GADGET / ADD GADGET

4. Klik STATISTIK BLOG

5. Tulis nama judul widget Statistik Blog kamu, dan gaya widget-nya

6. Kelar ???? SAVE... lihat blog kamu sekarang

CARA MEMBUAT WIDGET FACEBOOK LIKE DI BLOG

1. Login ke FaceBook kamu

2. Kunjungi situs http://www.facebook.com/pages/create.php

3. Kunjungi situs tersebut bila kamu belum punya FansPage / Halaman.

4. Nah, kalo link diatas udah diklik, maka akan muncul seperti ini

5. Pilih salah satu menu membuat halaman, kalo udah diklik nanti anda disuruh membuat kategorinya (ada pilihannya), Nama Halamannya, DLL. Kalo yakin, klik MULAI.


MEMBUAT LIKETHIS BLOG FACEBOOK DI BLOG KITA / WEBSITE.

5. Kunjungi situs http://developers.facebook.com/docs/plugins/

6. Lalu klik LIKE BOX, yang ada dimenu PLUGINS.

Keterangan isian :

Facebook Page URL : URL / LINK halaman yang kamu buat
Widht : Lebar Widget
Height : Panjang Widget
Color Scheme : Biarkan "LIGHT"
Show Face : Tampilkan pengikut dengan fotonya, klik checklist bila iya, dan sebalikannya
Border Color : Biarkan kosong
Stream : Biarkan Checklist
Header : Biarkan Checklist

7. Kalo udah diisi semua, klik GET CODE

8. Ubah menu menjadi IFRAME

9. Copy seluruh kode yang ada dimenu IFRAME, nah kalo udah klik OKE


PASANG DI WIDGET BLOG

1. Login ke blog kamu

2. Klik TATA LETAK

3. Pilih tempat yang tepat untuk menaruh widget-nya, lalu klik TAMBAH GADGET / ADD GADGET

4. Lalu klik HTML/JAVASCRIPT

5. Dikolom konten, Paste kode yang tadi di Copy

6. Simpan dan lihat blog kamu sekarang.
  

CARA MEMBUAT PESAN PENUTUP DIBLOG

KATA PENUTUP BIASANYA ADALAH SUATU UCAPAN TERIMA KASIH KEPADA PENGUNJUNG YANG TELAH MENGUNJUNGI BLOG-NYA.. PAHAM KAN ??? NAH IKUTI TUTORIAL DIBAWAH INI JIKA KAMU TERTARIK MEMBUAT KATA PENUTUP DIBLOG.

1. LOGIN KE BLOG KAMU

2. KLIK TEMPLATE

3. KLIK EDIT HTML

4. KLIK LANJUTKAN

5. KLIK KOTAK KECIL EXPAND TEMPLATE WIDGET

6. CARI KODE  </head>

7. CARI KODE TERSEBUT DENGAN MENEKAN TOMBOL F3 AGAR PENCARIAN LEBIH CEPAT

8. KALO SUDAH KETEMU, COPAS SCRIPT DIBAWAH INI DAN PASTEKAN TEPAT DIBAWAH KODE </head>


  <script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('Bagaimana Pendapat Anda Tentang Blog Saya ? Silahkan Kembali dan Beri Komentar Anda! Terimah Kasih !!');
}
parent.window.onunload=goodbye;

</script>

9. GANTI  KODE YANG BERWARNA MERAH  DENGAN KATA PENUTUP VERSI KAMU SENDIRI

10. KALAU YAKIN, KLIK SIMPAN SETELAN DAN LIHAT BLOG KAMU SEKARANG,DAN BILANG

WWAAWW....

CARA MEMBUAT LINK SUMBER OTOMATIS KETIKA DI COPY PASTE DI BLOG

Mungkin banyak orang didunia ini yang mencoba curang dengan meng-copy paste artikel kamu / postingan kamu tanpa dengan link sumber-nya. Tapi sekarang ada cara-nya bagaimana setiap orang yang meng-copy paste artikel kamu,ketika di paste akan ada sumber link-nya yaitu alamat blog kamu. Mau tau cara-nya ??? Ikuti tutorial-nya..

1. LogIn ke blog kamu

2. Klik TEMPLATE

3. Klik EDIT HTML

4. Klik LANJUTKAN

5. Klik kotak kecil EXPAND TEMPLATE WIDGET

6. Cari kode <body> (tekan F3 biar cepat mencari-nya)

7. Kalo udah ketemu, copy-paste kode dibawah ini.

 <script type='text/javascript'> if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('cXIEhKYVSr4lJ5adbi-bpO');Tynt.i={"ap":"Sumber Artikel Dari: "}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://infonetmu.googlecode.com/files/sumber-otomatis.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } </script>

8. SAVE, lihat blog kamu dan coba copy paste salah satu artikel kamu,kalo bisa, berbangga lah.

CARA MEMBUAT PESAN DIATAS KOTAK KOMENTAR DIBLOG

1. LogIn ke blog kamu

2. Klik SETELAN

3. Klik POS DAN KOMENTAR

4. Pada menu PESAN FORMULIR KOMENTAR, isi dengan pesan kamu sendiri

5. SIMPAN SETELAN, dan lihat blog kamu sekarang.

CARA MEMBUAT WIDGET JADWAL SHOLAT DIBLOG

1. LogIn ke blog kamu

2. Klik TATA LETAK

3. Klik TAMBAH GADGET

4. Klik HTML/JAVASCRIPT

5. Di kolom konten, CopyPaste kode dibawah ini

<iframe src="http://www.republika.co.id/jadwal_sholat/index.php" scrolling="no" width="320" height="200" frameborder="no" framespacing="0"> </iframe>

6. Save, dan lihat blog kamu sekarang

CARA MEMBUAT WIDGET POLLING / VOTING DIBLOG

Langkah-langkahnya :

1. LogIn ke blog kamu

2. Kunjungi situs http://flisti.com/

3. Nah, isi dikolom "YOUR QUESTION" dengan pertanyaan yang kamu mau dibuat voting, misalnya , Apa pendapat kamu soal blog kami ?

4. Dan dikolom "ANSWER" adalah pilihan jawaban yang akan kamu mau tampilkan. Misalnya, dengan pertanyaan diatas dengan pilihan jawaban seperti ini ,
SANGAT JELEK
JELEK
BAGUS
SANGAT BAGUS

5. Lalu klik CREATE NEW POLL

6. Lalu klik "Put this poll on your blog/website" lalu copy kode dibawahnya.

7. Lalu ke blogger lagi, klik TATA LETAK

8. Klik TAMBAH GADGET

9. Klik HTML/JAVASCRIPT

10. Dikolom konten, Paste kode yang kamu Copy tadi.

11. SAVE, lihat blog kamu sekarang, dan bilang WAW.

MEMBUAT TEXT AREA DENGAN TOMBOL "COPY ALL" (versi.2)

Biasanya kalo kita mengujungi blog-blog, kalo mereka bikin text area pasti kaya gini

KAYAK GINI

Tapi mungkin kalo ada kode HTML didalam kotak seperti diatas, tapi kode HTML nya buuannyakk... pasti kita udah gak sabar pengen nge-block nya lalu di COPY.

Nah, kalo kotak text area-nya ada tombol highlight-nya seperti dibawah ini.

Misalnya ini yang kamu tulis..AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD

Mau tau caranya ?? Ikuti tutorial berikut ini

Masuk ke postingan, Ubah mode COMPOSE menjadi HTML, lalu tarus kode dibawah ini

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="COPY ALL"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Masukkan text yang mau kamu tarus di dalam kotak text area</textarea></p></div></form>

PUBLIKASIKAN, lihat blog kamu.

CARA MENGGANTI "OLDER POSTS" DENGAN ANGKA DIBLOG

Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.

Mau Tau ?? Mau ?? M ?? A ?? U ?? Ikuti tutorial dibawah ini.

1. LogIn ke blog kamu

2. Klik TEMPLATE

3. Klik EDIT HTML

4. Klik LANJUTKAN

5. Klik / Checklist EXPAND TEMPLATE WIDGET

6. Cari kode ]]></b:skin>

7. Taruh kode dibawah ini tepat sebelum kode ]]></b:skin>

 .showpageArea a { text-decoration:underline; } .showpageNum a { text-decoration:none; border: 1px solid #cccccc; margin:0 3px; padding:3px; } .showpageNum a:hover { border: 1px solid #cccccc; background-color:#cccccc; } .showpagePoint { color:#333; text-decoration:none; border: 1px solid #cccccc; background: #cccccc; margin:0 3px; padding:3px; } .showpageOf { text-decoration:none; padding:3px; margin: 0 3px 0 0; } .showpage a { text-decoration:none; border: 1px solid #cccccc; padding:3px; } .showpage a:hover { text-decoration:none; } .showpageNum a:link,.showpage a:link { text-decoration:none; color:#333333; }

8. Cari kode </body> kalo sudah ketemu, copas kode dibawah sebelum kode </body>

<!--Page Navigation Starts--> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <script type='text/javascript'> var pageCount=5; var displayPageNum=5; var upPageWord ='Previous'; var downPageWord ='Next'; </script> <script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/> </b:if> </b:if> <!--Page Navigation Ends -->

SAVE, lihat blog kamu sekarang

CARA MEMASANG GOOGLE TRANSLATE DIBLOG

Gausah basa basi ya, langsung saja ke T...K..P..

1. LogIn ke blog kamu

2. Klik TATA LETAK

3. Pilih tempat gadget yang menurut kamu tepat untuk menaruh widget GOOGLE TRANSLATE.

4. Klik TAMBAH GADGET

5. Lalu, klik HTML/JAVASCRIPT

6. Pada kolom konten, copy-paste kode dibawah ini..

  <style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> <div style="text-align:center"> <a class="translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOOm0TYwQThO8TQmKrUWoPRirPv56cp1MT_zd2NrQIswmTEz49RvJXpgwWn_zjPK4RSgT3dH3RlEFx4PadkaYcmDHt_fhgrikhyphenhyphen9HE52U54wGIT03teQphQtSHgthquMU-8OA2flqmn0rG/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl-cYkbFnk_c_GM5-Dm9vtvJj_ZD2JaO9BvJikv9bsE0Abu_fJW_R39ritZvPJ0ue-zMagwVAXF65RvER3WADlXIg9_VbQE6a-Cy_fy9Ges9KDC-7GX5dRbU-gIO6Ew7RvghoKQdKoWFU4/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmbrZcVtK3JT2vL6AwSDCf9m7Nd8gKBNu51cBaKZldM5VMaDAtugTCsXEbXOeOQRMG-oy0oiKQbnlNwmWEB_Nvctd4_1vLvmEzoxgKGB4hghtDQ6X_2yQzZYfB7My1XnYt0yBDTW-C0iWd/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUFdvAPt8CsCRN5AQ-25qczH8SqdYnge5pIldD_meMlJNCPaHDRauANhWm6Lex8G8VIh6Mp2IjUIbgK9gCnqJKyTwl7r6rm_2paRywSc50N5mmKIqgRdYd3hB3hH7V9C01qU1UwOMhaWGA/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPAlfGazcfqKxVumCWWzkiU7LwUExSDrBvaBxiiCqd5xHDCNgQiQaA_apwg_e7uSWkvjRWIkRC9Iuq5eIXfMON0k7kMtsBp423tqu0bvxlhpWiEEu-a9xfQDiGuAh5i_V5v57lp-Zz7Xbj/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFB2A0UfewCdgmTHEhyphenhyphentkHWb1pfoI2wEfBermZeaqSsOaEXs0nbZtnQtR3xTtVKLSRLbzdzI4uZMlv_CD9ticSMFaHV152BMGPeI-5osSYwa_UnclHuoGbB2ShCqayMsRW_gf_YiEqKgAM/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <br/><br/> <a class="translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Wh7ZmfUwcRniUwyPsp7Qt_dxuliNmx6uSIiuWIqwBhVnJsjTtuwxetrwMKDFzpFu5YTFWd3agvjbolMIZBLYbQIqpdTgv32o26VdnAq8VZdirqWVPWO1txU2rOJccAWqdWorLkG5u6Ss/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqbQVUjfh8aZSdSUTH07M4Z3yLr2AoVJ57Ws9J_kWLD3ACzya5lh7Mn8ZHJkBWFlQviJ7vwT6gi6yOww3zuz-GhTRBp2jkrRAK-idEXIfm5PF2_KZ4pvOVOEmxp7G4Tntv-n5hxxNZtvtU/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkL8yDx7RqHWKw_enoKLqOMmDjlU5jn9qnH20xlpRJnZLShk1d6F-gM6tFQZAdqMsrn1mqRZQIqDHGGGFBC6zDy44Kg2dqCD8rVEEhbljKmIdkA7f0KtuDw4LY2rEA1CUsDgDKXmaYU4s7/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN4Ca7UwvDMy_kpbg7uvZ6PWZmaucpcNJl3lLWWGbanUvqG4S-n-NoABYE6BYS5blPoVx9JE9AN367OndRULJFlznleWgZjrhn8qvdtgB412uR6AnNOLhc5gfE2653nhJNyvqED5J5Pn8o/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpS9IXWoDnsnIyMxE7eAPowwhUffmvucMsXWdXz-btDDE96rfso5wnBomFWJo736vlTztYkOiktM6s7m-m1R8zDJ5N6Vy3pzfpoKWnrppuQtdohVHqoRUY3nzrlEXqWQfy_gXE3gmW_3NH/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc4KWbhi5XED7ruHL5sg6eV0I9wK5DvzjbVBmdC3K7vse0tazhjIiCe5S90sJj5vihIsZCREfdBhY00l_xBcJP2q74xd-nyjImEfGznvVDYvlwaU9YJDW2Y1Mx1G-RKRc9ZHlxand46QNq/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <div style="font-size:9px; padding:8px 0px 0px 0px"> <a href="http://super-bee.blogspot.com" rel="follow" title="translate widget"/>Translate Widget</a> by Google </div> </di <br>

7. SAVE, dan hasilnya seperti dibawah ini :

BACA JUGA :

PASANG WIDGET SMS GRATIS

MEMBUAT TOMBOL BACK TO TOP / KEMBALI KE ATAS

CARA MEMBUAT TOMBOL BACK TO TOP DIBLOG

Bagi yang belum tau apa itu tombol back to top, saya akan sedikit menjelaskannya. Tombol back to top itu adalah sebuah tombol yang sering di pasang oleh para blogger pada blognya yang jika kita klik maka secara otomatis layar akan kembali keatas. Pada umumnya tombol back to top ini berada pada bawah layar atau layout blog pakah itu sebelah kiri atau kanan. Agar lebih jelas lihat screnshot di bawah ini.

Step by Step nya..

1. LogIn ke blog kamu
2. Klik TATA LETAK
3. Klik TAMBAH GADGET
4. Klik HTML/JAVASCRIPT
5. Dikolom konten, copy kode dibawah ini..

<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXpGLfqvaWwWxA1MVckeGXQohfb73EGY6naYtaeVDq7S9NFtip5XLGWntUlJqcqr0YBA4qR38xSxIF8eVG0r1PZuIGsUpyNVom3MUAYTZLnzeYi6G1hI2OMVys8ASeDH3USQ8_BWfY4oAM/s1600/
backtotop.png" /></a><span style="font-size: 50%">Widget edited by <a href="http://super-bee.blogspot.com/" target="_blank" rel="follow">super-bee</a></span>

Terakhir SAVE,dan bilang WWAAWW.. hahaha

CARA MEMASANG WIDGET SMS GRATIS DIBLOG

Pasang widget SMS gratis di blog adalah merupakan salah satu teknik blogging yang dapat Anda terapkan untuk blog yang kesayangan Anda. Widget sms gratis ini memiliki banyak manfaat, salah satu manfaatnya yaitu Anda dapat memanjakan pengunjung blog Anda dengan tersedianya sms gratis yang dapat mereka nikmati. Sedangkan manfaat lainnya bagi Anda yaitu dengan tersedianya widget sms gratis ini otomatis pengunjung akan betah berlama-lama untuk tetap berada pada blog Anda, sehingga bounch rete dapat mengalami penurunan.

Sebenarnya sms gratis online ini sudah pernah saya posting, namun saya lupa untuk menyertakan penjelasan bagaimana cara pasang widget sms gratis di blog. Untuk itu pada kesempatan yang berbahagia ini, berhubungan ada keluangan waktu, saya akan membahasnya. Namun perlu saya ingatkan kepada Anda, ketika widget sms gratis ini sudah terpasang pada blog Anda, gunakanlah secara bijak artinya anda boleh kapan saja menggunakan sms gratis ini dengan sepuasnya, namun jangan gunakan untuk kejahatan misalnya menipu orang dan lain sebagainya.

Sepertinya Anda sudah tidak sabar untuk memasang widget sms gratis ini kedalam blog Anda, untuk itu langsung saja kita olah TKP. Simak baik-baik tutorial pasang widget sms gratis di blog berikut ini :


1. Login ke account blogger Anda

2. Pilih TATA LETAK

3. Lalu pada sidebar klik tambah gadget (jika ingin meletakkannya di sidebar blog)

4. Kemudian pilih HTML/Javascript

5. Copy dan paste kode berikut ini kedalamnya

 <iframe name="widgetsms" src="http://www.sms-online.web.id/widget/" width="270" height="280" frameborder="0" rel="nofollow"></iframe><span style="font-size: 50%">Widget edited by <a href="http://super-bee.blogspot.com/" target="_blank" rel="follow">super-bee</a></span>

6. SAVE, lihat blog kamu sekarang

7. Hasilnya seperti dibawah ini..

SUMBER : www.super-bee.blogspot.com 

CARA MEMBUAT TAB MENU DROPDOWN DIBLOG

Kali ini kita akan ngebahas cara MEMBUAT TAB MENU DROPDOWN, caranya nggak begitu rumit kok, Mau Tau ?? Mau ?? Ikuti Tutorial berikut ini.....:

1. LogIn ke blog kamu
2. Klik TEMPLATE
3. Klik EDIT HTML
4. Klik LANJUTKAN
5. Jangan lupa klik EXPAND TEMPLATE WIDGET

6. Cari kode ]]></b:skin> (cari kode tersebut dengan mengklik tombol F3 / Ctrl + F )

7. Kalau sudah ketemu, letakkan kode dibawah ini tepat diatas kode ]]></b:skin

/* Menu Live ----------------------------------------------- */ #Live ul, li{ padding: 0px; margin: 0px; } #Live ul.dropmenu{ position: relative; margin: 0px; padding: 1px 0px 0px 0px; background:transparent url(http://s3.envato.com/files/1075971/images/navigation.png) repeat-x scroll 0 0; display:block; height: 35px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 12px; } #Live .dropmenu li{ position: relative; list-style: none; float: left; margin: 0px; padding: 0px; } #Live .dropmenu li a{ height: 22px; padding: 9px 30px 0px 15px; display: block; cursor: point; border-right: solid 1px #4a779d; color: #FFFFFF; text-transform: uppercase; text-decoration: none; } #Live .dropmenu li span{ display: block; float: right; height: 10px; width: 10px; background:transparent url(http://s3.envato.com/files/1075971/images/arrow_up.png) repeat-x scroll 0 0; position: absolute; top: 12px; right: 10px; } #Live .dropmenu li a:hover span{ background:transparent url(http://s3.envato.com/files/1075971/images/arrow_hover.png) repeat-x scroll 0 0; } #Live .dropmenu li:hover ul, .dropmenu li:hover div{ display: block; } #Live .dropmenu ul{ position: absolute; display: none; width: 140px; padding: 0px; margin: 0px; border-bottom: 1px solid #ccc; background: #FFFFFF url(http://s3.envato.com/files/1075971/images/gradient.png) repeat-x scroll 0 0; } #Live .dropmenu ul li{ border: 0; float: none; } #Live .dropmenu ul a { border: 1px solid #ccc; border-bottom: 0; white-space: nowrap; display:block; color: #0657AD; text-transform: none; } .dropmenu a.selected, .dropmenu a:hover{ color: #0657AD !important; background: #FFFFFF url(http://s3.envato.com/files/1075971/images/gradient.png) repeat-x scroll 0 0; } #Live a.selected span{ background:transparent url(http://s3.envato.com/files/1075971/images/arrow_hover.png) repeat-x scroll 0 0; } #Live .dropmenu ul a:hover { color:#F67A00 !important; text-decoration: none; background-color: #F0F0F0; background-image: none; } #Live .dropmenu div ul{ position: relative; display: block; } #Live .dropmenu li div{ background: #FFFFFF url(http://s3.envato.com/files/1075971/images/gradient.png) repeat-x scroll 0 0; border: 1px solid #ccc; padding: 5px; display: none; position: absolute; } #Live .dropmenu li div ul{ border: none; background: none; position: relative !important; } #Live .dropmenu li div a{ border: none; border-bottom: 1px solid #ccc; } #Live .dropmenu li div div{ display: block; position: relative; background: none; border: none; } #Live .dropmenu li div div a{ display: inline; border: none; color: #0657AD; padding: 0px; margin: 0px; text-transform: none; /* text-decoration: underline; */ } #Live .dropmenu li div div a:hover{ color: #F67A00; text-decoration: none; border-bottom: 1px dashed #000; } #Live ul.left{ float: left; width: 145px; } #Live ul.right{ float: right; width: 145px; } #Live .small{ color: #666; font-size: 11px; padding: 10px 5px 8px 5px !important; display: block; clear: both; } #Live .products{ width: 300px; padding: 15px !important; } #Live .products ul{ width: 100%; } #Live .products ul li{ border-bottom: 1px solid #ccc; height: 40px; padding: 10px 0px; } #Live .products h2{ font-size: 16px; padding: 2px 0px 3px 0px; margin: 0px; } #Live .products p{ color: #666; font-size: 10px; padding: 0px; margin: 0px; } #Live .products img{ float: left; padding-right: 10px; } #Live .products ul li a{ display: inline; border: none; color: #666; padding: 0px; margin: 0px; text-transform: none; /* text-decoration: underline; */ } #Live .products ul li a:hover{ color: #000 !important; text-decoration: none; background: none !important; border-bottom: 1px dashed #000; } #Live .tutorials{ width: 300px; } #Live .profile{ width: 300px; padding: 15px !important; } #Live .profile ul{ width: 100%; } #Live .profile ul li{ border-bottom: 1px solid #ccc; height: 40px; padding: 10px 0px; } #Live .profile h2{ font-size: 16px; padding: 2px 0px 3px 0px; margin: 0px; } #Live .profile p{ color: #666; font-size: 10px; padding: 0px; margin-left: 120px; } #Live .profile img{ float: left; padding-right: 10px; border: 1px solid rgb(226, 226, 226); width: 100px; height: 100px; padding: 5px; margin-top: 17px; margin-right: 10px; } #Live .profile a:hover { background:none; } #Live .login{ padding: 15px !important; width: 180px; } #Live input{ border:1px solid #4A779D; padding: 3px 8px; margin-bottom: 8px; width: 164px; } #Live label{ padding: 0px 0px 4px 0px; display:block; } #Live button{ background: #4A779D url(http://s3.envato.com/files/1075971/images/navigation.png) repeat-x scroll 0 0; color: #FFF; border:1px solid #4A779D; padding: 4px 10px; width: 180px; }

8. Kemudian cari kode </head> , jika sudah ketemu, Copy-Paste kode dibawah ini tepat diatas kode </head>.

<!-- Live Menu by Super-Bee --> <script src='http://reog.googlecode.com/files/jquery.js' type='text/javascript'/> <script src='http://reog.googlecode.com/files/dropmenu.js' type='text/javascript'/> <script> $(document).ready(function(){ $("#nav-one").dropmenu(); }); </script>

9. Tambahkan kode dibawah ini pada bagian Header Blog atau pada bagian <body> atau jika template masih setandar letakkan pada bagian <div id='outer-wrapper'> namun ada beberapa template yang memiliki struktur kode yang berbeda seperti template blogger standar pada demo, saya meletakkan kode berikut ini dibawah tag penutup </header> (masing-masing template berbeda).

<div id='Live'>

<ul class='dropmenu' id='nav-one'>

<li>

<a href='#'>Home</a>

</li>

<li>

<a href='#'>Forum</a>

<ul>

<li><a href='#'>Support</a></li>

<li><a href='#'>Help</a></li>

<li><a href='#'>Examples</a></li>

<li><a href='#'>Your work</a></li>

</ul>

</li>

<li>

<a href='#'>Downloads</a>

<ul>

<li><a href='#'>Tools</a></li>

<li><a href='#'>Office</a></li>

<li><a href='#'>Custom projects</a></li>

</ul>

</li>

<li>

<a href='#'>Services</a>

<div class='products'>

<ul>

<li><img alt='Thumb' border='0' height='40' src='https://lh3.googleusercontent.com/_HR8egC6j8tg/TaO0_4J88II/AAAAAAAAAWQ/jXzJP5JiRr4/design.png' width='40'/><h2>Design Template</h2><p><a href='#'>Desig Template Blogger</a></p></li>

<li><img alt='Thumb' border='0' height='40' src='https://lh4.googleusercontent.com/_HR8egC6j8tg/TaO1GgOaqvI/AAAAAAAAAWU/9Gy6ImALKXk/gallery.png' width='40'/><h2>Gallery Blogger</h2><p><a href='#'>View and Download Template</a></p></li>

<li><img alt='Thumb' border='0' height='40' src='https://lh6.googleusercontent.com/_HR8egC6j8tg/TaO1MROxsBI/AAAAAAAAAWY/d6UthoqsB0I/help.png' width='40'/><h2>Blogger Help</h2><p><a href='#'>Can Help Blog Problem</a></p></li>

<li><img alt='Thumb' border='0' height='40' src='https://lh4.googleusercontent.com/_HR8egC6j8tg/TaO1T5uh_VI/AAAAAAAAAWc/SrFLXC-dwPM/safety.png' width='40'/><h2>Blogger Safety</h2><p><a href='#'>Safety Blogger Template</a></p></li>

</ul>

<div class='small'><a href="http://super-bee.blogspot.com/"> Panduan dan Cara Membuat Blog</a></div>

</div>

</li>

<li>

<a href='#'>Tutorials</a>

<div class='tutorials'>

<ul class='left'>

<li><a href='#'>Javascript</a></li>

<li><a href='#'>Python</a></li>

<li><a href='#'>PHP</a></li>

</ul>

<ul class='right'>

<li><a href='#'>HTML/CSS</a></li>

<li><a href='#'>ASP.NET</a></li>

<li><a href='#'>Actionscript</a></li>

</ul>

<div class='small'>View <a href='#'>all categories</a> or a <a href='#'>list of the best tutorials</a>.</div>

</div>

</li>

<li>

<a href='#'>Links</a>

<ul>

<li><a href='#'>Programming</a></li>

<li><a href='#'>Inspiration</a></li>

<li><a href='#'>My websites</a></li>

<li><a href='#'>Clients</a></li>

<li><a href='#'>Cool stuff</a></li>

<li><a href='#'>Sitebase</a></li>

<li><a href='#'>Other</a></li>

</ul>

</li>

</ul>

</div>

10. >> Ganti tanda # dengan url blog kamu

       >> Dan juga ganti kata-katanya sesuai versi kamu

11. Kalau sudah, klik PRATINJAU dulu, jika ada kesalahan

12. Kalau kamu merasa sudah pasti, SAVE TEMPLATE, dan lihat blog kamu sekarang.

CARA MEMBUAT KATA SAMBUATAN DIBLOG

Kali ini aku mau nge-share cara membuat kata sambutan diblog. Kalau mau ayo kita ikuti cara ini. Kita sebut saja EN dan ON.

Cara "EN"

1. LogIn ke blog kamu
2. Klik TEMPLATE
3. Klik EDIT HTML
4. Klik LANJUTKAN
5. Jangan lupa klik EXPAND TEMPLATE WIDGET
6. Cari kode </head> , cara cepat nyari kode dengan mengklik F3
7. Kalau sudah ketemu, Copy kode dibawah ini tepat diatas kode </head>.

<SCRIPT language='JavaScript'>alert("Assalamualaikum");</SCRIPT>


NB : Ganti tulisan yang berwarna merah dengan kata-katamu sendiri.


Cara "ON"

Cara ini bukan hanya kata sambutan, melainkan kata sambutan dalam bentuk pertanyaan !!!


1. LogIn ke blog kamu
2. Klik TEMPLATE
3. Klik EDIT HTML
4. Klik LANJUTKAN
5. Jangan lupa klik EXPAND TEMPLATE WIDGET
6. Cari kode </head> , cara cepat nyari kode dengan mengklik F3
7. Kalau sudah ketemu, Copy kode dibawah ini tepat diatas kode </head>

 <script type="text/javascript">
var yourName = prompt("Bolehkah saya tau nama anda", "Nama Kamu Siapa?");
</script>

NB : Ganti pertanyaan diatas dengan pertanyaan kamu sendiri

CARA MEMASANG WIDGET KODE WARNA DIBLOG

HTML Color Codes adalah color tool atau tool warna yang digunakan untuk menemukan warna HTML untuk website atau blog. Dengan kode warna HTML ini, sobat blogger dapat mengatur warna latar belakang blog sobat, warna teks, sel-sel dalam tabel dan banyak lagi. Jika sobat blogger bertanya-tanya "Apakah ini kombinasi aneh antara huruf dan angka memiliki makna?" Yah jawabannya adalah "Ya". Setiap kode HTML berisi simbol "#" dan 6 huruf atau angka. Jumlah ini dalam sistem angka heksadesimal. Sebagai contoh "FF" dalam heksadesimal mewakili nomor 255 di Desimal.

Mungkin sobat blogger bingung dengan penjelasan di atas. Jadi, sobat blogger langsung saja menggunakan tool warna di bawah ini. Untuk menggunkan tool ini, sobat klik pada bagian warna yang sobat inginkan, lalu sobat perhatikan kode yang muncul disebelahnya. Itu adalah kode dari warna yang sobat klik.

Jika kamu mau seperti diatas, Copy-Paste kode dibawah ini didalam postingan kamu maupun dimana saja, Jika kamu mau pasang diblog, ubah mode COMPOSE menjadi HTML.

<center><div style="text-align: center;"> <object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="480" id="col" width="480"> <param value="sameDomain" name="allowScriptAccess" /> <param value="http://www.2createawebsite.com/build/col.swf" name="movie" /> <param value="high" name="quality" /> <param value="#ffffff" name="bgcolor" /> <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="480" align="middle" height="480"></embed> </object></div> </center>


SUMBER : lenterablogger.blogspot.com

KODE-KODE WARNA

Klik warna yang anda maksud, dan anda akan mendapatkan kode warnanya